<!doctype html>
<html lang="en" class="fixed">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>修改日志</title>
    <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
    <link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="stylesheet" type="text/css"
          href="<?php xcho(loadSource('/assets/plugins/bootstrap/css/bootstrap.min.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/animate.css/animate.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/font-awesome/css/font-awesome.css')) ?>">
    <link rel="stylesheet"
          href="<?php xcho(loadSource('/assets/plugins/data-table/media/css/dataTables.bootstrap.min.css')) ?>">
    <!--    <link rel="stylesheet" href="-->
    <?php //xcho(loadSource('/assets/plugins/ztree/css/zTreeStyle/zTreeStyle.css')) ?><!--">-->
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/layui/css/layui.css')) ?>" media="all">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/plugins/ztree/css/metroStyle/metroStyle.css')) ?>"
          type="text/css">
    <link rel="stylesheet" href="<?php xcho(loadSource('/app/css/style.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/app/css/app.css')) ?>">
    <link rel="stylesheet" href="<?php xcho(loadSource('/assets/css/new_main.css')) ?>">
    
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        ul, li, ol, li {
            list-style: none;
        }

        .content-cont {
            width: 1200px;
            background: #fff;
            margin: 0 auto;
        }

        .content-cont .cont-title {
            padding: 10px 0 5px;
            border-bottom: 1px #ccc solid;
        }

        .content-cont .cont-title h2 {
            font-size: 16px;
            padding-left: 20px;
            display: inline-block;
        }

        .content-cont .cont-title ul {
            float: right;
            padding: 10px 20px;
        }

        .content-cont .cont-title ul li {
            display: inline-block;
            margin: 0 5px;
        }

        .content-cont .cont {
            padding: 20px;
        }

        .content-cont .cont ul.list {
            display: inline-block;
            border: 1px #eee solid;
            float: left;
        }

        .content-cont .cont ul.list li {
            line-height: 30px;
            font-size: 12px;
            padding: 0 16px;
            border-bottom: 1px #eee solid;
            cursor: pointer;
        }

        .content-cont .cont ul.list li.active {
            background: #E7F4FD;
            color: #3F93EC;
        }

        .content-cont .cont ul.list li:nth-of-type(3) {
            border-bottom: none;
        }

        .content-cont .cont .cont-tab {
            display: inline-block;
            margin-left: 20px;
            width: 80%;
        }

        .content-cont .cont .cont-tab > div {

            width: 100%;
        }
        .content-cont .cont .cont-tab .top_pages{
            padding: 3px 15px;
            height: 30px;
            margin-top: 8px;
            background: #E6F3FC;
            font-size: 0;
        }
        .content-cont .cont .cont-tab .top_pages p{
            display: inline-block;
            font-size: 12px;
        }
        .content-cont .cont .cont-tab .top_pages ul{
            font-size: 0;
            display: inline-block;
            float: right;
        }
        .content-cont .cont .cont-tab .top_pages ul li:nth-of-type(1){
            width: 120px;
            border:none;
            background: none;
        }
        .content-cont .cont .cont-tab .top_pages ul li:nth-of-type(1):hover{
            background: none;
            color:#000;
        }
        .content-cont .cont .cont-tab .top_pages ul li{
            display: inline-block;
            font-size: 12px;
            width: 24px;
            height: 24px;
            background: #fff;
            margin-left: 10px;
            line-height: 24px;
            text-align: center;
            border: 1px #ccc solid;
            border-radius: 6px;
            cursor: pointer;
        }
        .content-cont .cont .cont-tab .top_pages ul li:last-child{
            width: 120px;
            border:none;
            background: none;
        }
        .content-cont .cont .cont-tab .top_pages ul li:last-child input{
            width: 50px;
            margin: 0 10px;
            border-radius: 6px;
            border: none;
            border:1px #ccc solid;
            outline: none;
        }
        .content-cont .cont .cont-tab .top_pages ul li:last-child:hover{
            background: none;
            color:#000;
        }
        .content-cont .cont .cont-tab .top_pages ul li:hover{
            background: #108EE9;
            color:#fff;
        }
        /*---------------baseMessage------------------*/
        .content-cont .cont .cont-tab > div.baseMessage {
            display: inline-block;
        }

        .content-cont .cont .cont-tab .baseMessage .basemess h3 {
            font-size: 16px;
            padding: 10px;
            background: #f2f2f2;
        }

        .content-cont .cont .cont-tab .baseMessage .basemess table {
            width: 100%;
        }

        .content-cont .cont .cont-tab .baseMessage .basemess table tr {
            line-height: 30px;
            font-size: 10px;
            color: #333;
        }

        .content-cont .cont .cont-tab .baseMessage .basemess table tr td {
            width: 33%;
            border: 1px #e2e2e2 solid;
            text-align: center;
        }

        /*---------------reviseLog------------------*/
        .content-cont .cont .cont-tab > div.reviseLog table {
            width: 100%;
        }

        .content-cont .cont .cont-tab > div.reviseLog table thead tr {
            background: #f2f2f2;
        }

        .content-cont .cont .cont-tab > div.reviseLog table thead tr th {
            padding: 10px 0;
            color: #000;
            font-weight: normal;
            text-align: center;
            border: 1px #e2e2e2 solid;
        }

        .content-cont .cont .cont-tab > div.reviseLog table tbody tr:hover {
            background: #f2f2f2;
        }

        .content-cont .cont .cont-tab > div.reviseLog table tbody tr td {
            padding: 6px 0;
            text-align: center;
            color: #333;
            border: 1px #e2e2e2 solid;
        }
    </style>
</head>

<body><?php include_once TPL_PATH . 'public/nav.phtml'; ?>
<div class="content" style="margin: 0;background: #F4F4F4">
    <div class="content-cont">
        <div class="cont-title">
            <h2><?php if (isset($data['data']['cname'])) {
                    xcho($data['data']['cname']);} ?>
                <button class="layui-btn layui-btn-warm">返回列表</button>
            </h2>
            <ul>
                <li>
                    <button class="layui-btn">编辑</button>
                </li>
                <li>
                    <button class="layui-btn layui-btn-danger">删除</button>
                </li>
            </ul>
        </div>
        <div class="cont">
            <ul class="list">
                <li><a href="<?php if (isset($view_url)) {
                        xcho($view_url);
                    } ?>">基础信息</a></li>
                <li><a href="<?php if (isset($view_log_url)) {
                        xcho($view_log_url);
                    } ?>">修改日志</a></li>
            </ul>
            <div class="cont-tab">
                <div class="top_pages">
                    <p>已选择 2 项</p>
                    <ul>
                        <?php xchoHtml($dataList->render()) ?>
                    </ul>
                </div>
                <div class="reviseLog">
                    <table>
                        <thead>
                        <tr>
                            <th></th>
                            <th>操作时间</th>
                            <th>操作字段</th>
                            <th>旧值</th>
                            <th>新值</th>
                        </tr>
                        </thead>
                        <tbody>
                        <?php foreach ($dataList as $aData) { ?>
                            <tr>
                                <td><?php xcho($aData['opr_name']) ?></td>
                                <td><?php xcho($aData['times']) ?></td>
                                <td><?php xcho($aData['field']) ?></td>
                                <td><?php xcho($aData['old_value']) ?></td>
                                <td><?php xcho($aData['new_value']) ?></td>
                            </tr>
                        <?php } ?>
                        </tbody>
                    </table>
                </div>
                <div class="top_pages">
                    <p>已选择 2 项</p>
                    <ul>
                        <?php xchoHtml($dataList->render()) ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="<?php xcho(loadSource('/assets/plugins/jquery/jquery.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/layui/layui.all.js')) ?>" charset="utf-8"></script>
<script src="<?php xcho(loadSource('/assets/plugins/bootstrap/js/bootstrap.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/data-table/media/js/jquery.dataTables.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/data-table/media/js/dataTables.bootstrap.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/layer-v3.0.3/layer/layer.js')) ?>"></script>
<script
        src="<?php xcho(loadSource('/assets/plugins/data-table/extensions/Responsive/js/dataTables.responsive.min.js')) ?>"></script>
<script
        src="<?php xcho(loadSource('/assets/plugins/data-table/extensions/Responsive/js/responsive.bootstrap.min.js')) ?>"></script>
<script src="<?php xcho(loadSource('/assets/plugins/ztree/js/jquery.ztree.core.js')) ?>"></script>
<script type="text/javascript"
        src="<?php xcho(loadSource('/assets/plugins/ztree/js/jquery.ztree.excheck.js')) ?>"></script>
<script type="text/javascript"
        src="<?php xcho(loadSource('/assets/plugins/ztree/js/jquery.ztree.exedit.js')) ?>"></script>
<script>
    $(function () {
        /*  $(".cont>ul.list>li").click(function () {
              var ind = $(this).index();
              $(this).addClass("active").siblings("li").removeClass("active");
              $(".cont>.cont-tab>div").eq(ind).slideDown(200).siblings("div").slideUp(200);
          })*/
    });
</script>
<?php include_once TPL_PATH . 'public/foot_script.phtml'; ?>
<button id="top" style="height: 50px;width: 50px;"></button></body>

</html>
